import React, { Component } from 'react'
import { Router, Route, Switch } from 'react-router-dom'
import history from '../../history';

import Layout from './layout'
import Introduction from './introduction'
import Schedule from './schedule'
import Cancel  from './cancel'
import Comment  from './comment'
import SubProject from './sub_project'
import PointIncome from './point_income'
import Assigned from './assigned'

export default () => (
    <Router history={history}>
        <Layout>
            <Switch>
                <Route path="/project-detail/introduction/:role" component={Introduction}/>
                <Route path="/project-detail/schedule" component={Schedule}/>
                <Route path='/project-detail/cancel' component={Cancel}/>
                <Route path='/project-detail/comment' component={Comment}/>
                <Route path='/project-detail/sub-project' component={SubProject}/>
                <Route path='/project-detail/point-income' component={PointIncome}/>
                <Route path='/project-detail/assigned' component={Assigned}/>
                
            </Switch>
        </Layout>    
    </Router>
);